
.title{
    position: absolute;
    left: 45%;
    top: 10%;
}
 /* 全局样式 */  
body {  
padding: 200px;  
background-color: rgba(0, 255, 255, 0.096);  
}  

/* MV列表容器 */  
.mv-list {  
display: flex;  

flex-wrap: wrap;
justify-content: flex-start;  
}  

/* 单个MV封面 */  
.mv-item {  
width: 250px; /* 4列布局，留出间隙 */  
margin: 10px;  
background-color: rgb(248, 240, 255);
position: relative;
left: 48px;  
}  

/* MV封面图片 */  
.mv-cover {  
width: 100%;  
padding-top: 118px; /* 16:9 Aspect Ratio */  
background-size: cover; 

}  

/* MV标题 */  
.mv-title {  
padding: 10px;  
font-size: 14px;  
text-align: center;  
}  

/* 播放按钮 */  
.play-button {  
position: absolute;  
top: 40%;  
left: 50%;  
transform: translate(-50%, -50%);  
padding: 8px 16px;  
background-color: rgba(0, 0, 0, 0.6);  
color: #fff;  
border: none;  
border-radius: 4px;  
opacity: 0;  
transition: opacity 0.3s ease;  
}  

.mv-item:hover .play-button {  
opacity: 1;  
}  